<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Genius</title>
    <link rel="stylesheet" href="index.css">
    <link rel="stylesheet" href="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/css/bootstrap.min.css">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
</head>
<body>
<header>
    <div class="container">
        <nav class="navbar navbar-expand-lg navbar-light">
            <a class="navbar-brand col-md-6 col-6" href="#"><img src="images/Genius_02.png" alt=""></a>
            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNav" aria-controls="navbarNav" aria-expanded="false" aria-label="Toggle navigation">
                <span class="navbar-toggler-icon"></span>
            </button>
            <div class="collapse navbar-collapse col-md-6" id="navbarNav">
                <ul class="navbar-nav">
                    <li class="nav-item active">
                        <a class="nav-link" href="#" style="color:#f57915;">HOME <span class="sr-only">(current)</span></a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">ABOUT US</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">SERVICES</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">COURSES</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link" href="#">PRICING</a>
                    </li>
                    <li class="nav-item">
                        <a class="nav-link disabled" href="#" tabindex="-1" aria-disabled="true">CONTACT</a>
                    </li>
                </ul>
            </div>
        </nav>
    </div>
</header>
<div class="ban">
    <div class="navb">
        <div class="bd-example">
            <div id="carouselExampleCaptions" class="carousel slide" data-ride="carousel">
                <ol class="carousel-indicators">
                    <li data-target="#carouselExampleCaptions" data-slide-to="0" class="active"></li>
                    <li data-target="#carouselExampleCaptions" data-slide-to="1"></li>
                    <li data-target="#carouselExampleCaptions" data-slide-to="2"></li>
                </ol>
                <div class="carousel-inner">
                    <div class="carousel-item active">
                        <img src="images/lunlun_02.gif" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="images/lunlun_02.gif" class="d-block w-100" alt="...">
                    </div>
                    <div class="carousel-item">
                        <img src="images/lunlun_02.gif" class="d-block w-100" alt="...">
                    </div>
                </div>

                <a class="carousel-control-prev" href="#carouselExampleCaptions" role="button" data-slide="prev">
                    <span class="carousel-control-prev-icon" aria-hidden="true"></span>
                    <span class="sr-only">Previous</span>
                </a>
                <a class="carousel-control-next" href="#carouselExampleCaptions" role="button" data-slide="next">
                    <span class="carousel-control-next-icon" aria-hidden="true"></span>
                    <span class="sr-only">Next</span>
                </a>
            </div>
        </div>
    </div>
</div>
<main>
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2>Our Course</h2>
                <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
            <div class="col-md-4 clearfix">
                <img src="images/yuan.gif" alt="" style="float: left">
                <h5>Mobile Dev</h5>
                <p>backed by some of the biggest namesin the industry.Firefox OS is an openplatfrom that fosters greater</p>
            </div>
            <div class="col-md-4 clearfix">
                <img src="images/yuan.gif" alt="" style="float: left">
                <h5>Communication</h5>
                <p>backed by some of the biggest namesin the industry.Firefox OS is an openplatfrom that fosters greater</p>
            </div>
            <div class="col-md-4 clearfix">
                <img src="images/yuan.gif" alt="" style="float: left">
                <h5>Computers</h5>
                <p>Morbi vitae tortor tempus,placerat leoet,suscipit lectus. Phasellus ut euismod massa,eu eleifend ipsum.</p>
            </div>
            <div class="col-md-4 clearfix">
                <img src="images/yuan.gif" alt="" style="float: left">
                <h5>Finance</h5>
                <p>Morbi vitae tortor tempus,placerat leoet,suscipit lectus. Phasellus ut euismod massa,eu eleifend ipsum.</p>
            </div>
            <div class="col-md-4 clearfix">
                <img src="images/yuan.gif" alt="" style="float: left">
                <h5>Maths</h5>
                <p>Morbi vitae tortor tempus,placerat leoet,suscipit lectus. Phasellus ut euismod massa,eu eleifend ipsum.</p>
            </div>
            <div class="col-md-4 clearfix">
                <img src="images/yuan.gif" alt="" style="float: left">
                <h5>Development</h5>
                <p>Morbi vitae tortor tempus,placerat leoet,suscipit lectus. Phasellus ut euismod massa,eu eleifend ipsum.</p>
            </div>
        </div>
    </div>
</main>
<div class="inner">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2>Our Course</h2>
                <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
            <div class="col-md-6">
                <img class="renwu" src="images/people.gif" alt="">
            </div>
            <div class="col-md-6">
                <p>Lorem ipsum dolor sit amet.cadipisicing sit amet.consectetur adipisicing elit. Atquesed.quidem quis praesentium. ut unde fuga error commodi architecto,oribusomnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsumodit corrupti consequuntur possimus.vero mollitia velit ad consectetur.Alias.laborum excepturi nihil autem nemo numquam.ipsa acrchitecto non.magniconsequuntlaudantium culpa tenetur at id.beatae pet.</p>
                <p>Lorem ipsum dolor sit amet.consectetur adipisicing elit.adipisicing sit amet.consectetur adipisicing elit.Atque sed,quidem quis praesentium.m deserunt.</p>
                <p class="ppp"><a href=""><img src="images/youjiantou_06.png" alt=""></a> Lorem ipsum enimdolor sit amet</p>
                <p class="ppp"><a href=""><img src="images/youjiantou_06.png" alt=""></a> Expiicabo deleniti neque aliquid</p>
                <p class="ppp"><a href=""><img src="images/youjiantou_06.png" alt=""></a> Consectetur adipisicing elit</p>
                <p class="ppp"><a href=""><img src="images/youjiantou_06.png" alt=""></a> Lorem ipsum dolor sit amet</p>
                <p class="ppp"><a href=""><img src="images/youjiantou_06.png" alt=""></a> Quo issimos molest quibusdam temporibus</p>
            </div>
            </div>
        </div>
    </div>
</div>
<div class="banner-inner">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <h2>Our Course</h2>
                <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
            <div class="col-md-4">
                <img src="images/main-yi_03.png" alt="">
                <a href="">Feb</a>
                <h6>LOREM IPSUM DOLOR SIT AMET CONSECTETURE ADIPIS.</h6>
            </div>
            <div class="col-md-4">
                <img src="images/main-er_05.png" alt="">
                <a href="">March</a>
                <h6>APSUM DOLOR SIT AMET,CONSECTETUR ADIPISDSLIF.</h6>
            </div>
            <div class="col-md-4">
                <img src="images/main-san_07.png" alt="">
                <a href="">April</a>
                <h6>DOLOR SIT AMET,CONSECTETURADIPISIC INDFEFT</h6>
            </div>
            <div class="col-md-12">
                <h2>Campus Placement</h2>
                <p>Lorem ipsum dolor sit amet,consectetur adipisicing elit. Dolores quae porro consequatur aliquam.incidunt eius magni provident,doloribus omnis minus temporibus perferendis nesciunt quam repellendus nulla nemo ipsum odit corrupti consequuntur possimus.</p>
            </div>
            <div class="col-md-2">
                <img src="images/one.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/two.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/three.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/one.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/two.gif" alt="">
            </div>
            <div class="col-md-2">
                <img src="images/three.gif" alt="">
            </div>
        </div>
    </div>
</div>
<footer>
    <div class="container">
        <div class="row">
            <div class="col-md-3">
                <h6>Our Contact</h6>
                <h6>Target company inc</h6>
                <p>JC Main Road,Near Silnile tower Pin-21542 Newyork US.</p>
                <span>(123)456-789-1255-12584</span>
                <span>email@domainname.com</span>
            </div>
            <div class="col-md-3">
                <h6>Quick Links</h6>
                <p>Latest Events <br>
                Terms and conditions <br>
                Privacy policy <br>
                Career <br>
                Contact us</p>
            </div>
            <div class="col-md-3">
                <h6>Latest posts</h6>
                <p>Lorem ipsum dolor sit amet,<br>
                consectetur adipiscing elit.<br>
                Pellentesqueetpulvinar enim.Quisque<br>
                at tempor ligula<br>
                Natus error sit voluptatem accusantium<br>
                doloremque</p>
            </div>
            <div class="col-md-3">
                <h6>Latest posts</h6>
                <p>Lorem ipsum dolor sit amet,<br>
                    consectetur adipiscing elit.<br>
                    Pellentesqueetpulvinar enim.Quisque<br>
                    at tempor ligula<br>
                    Natus error sit voluptatem accusantium<br>
                    doloremque</p>
            </div>
        </div>
    </div>
</footer>
<div class="foo">
    <div class="container">
        <div class="row">
            <div class="col-md-6">
                <span>Copyright©.Company name All rights reserved.</span>
            </div>
            <div class="col-md-6">
                <img src="images/footer-bottom-1_03.png" alt="">
            </div>
        </div>
    </div>
</div>

<script src="https://cdn.bootcss.com/jquery/3.3.1/jquery.slim.min.js"></script>
<script src="https://cdn.bootcss.com/popper.js/1.14.7/umd/popper.min.js"></script>
<script src="https://cdn.bootcss.com/twitter-bootstrap/4.3.1/js/bootstrap.min.js"></script>
</body>
</html>